<!DOCTYPE html>
<html>
	<head>
		<title>Example</title>
		<link rel="stylesheet" href="style.css">
	</head>

	<body>
		<div class="mainFrame">
			<input class="button" type="button" value="Home"/>
			<input type="button" value="Search"/>
			<input type="button" value="Add"/> 
			<hr>
			<img src="self.jpg" alt="passportPicture" width="159" height="188" style="margin-left: 247px;">
			<p class="tittle">Search Result</p>
		<div class="Frame">
				<p>Name:			Mohammad Hadi bin Bujang</p>
				<hr>
				<p>Date of Birth: 	17th September 1992</p>
				<hr>
				<p>Sex: 			Male</p>
				<hr>
				<p>Address: 		No.18 Jln 60 Spg 95 Kampong Rimba Gadong</p>
				<hr>
				<p>Hometown: 		Kampong Rimba</p>
		</div>
		<div class="bottomButton">
				<input style="background: linear-gradient(to bottom, rgb(255, 107, 107), rgb(255, 0, 0));
							border-color: rgba(255, 44, 44, 1);
							color: white;
							"
							type="button" value="Delete"/>
				<input type="button" value="Edit"/>
							<!--style="background: linear-gradient(to bottom, rgb(0, 255, 10), rgb(18, 153, 67) );
							border-color: rgba(86, 211, 27, 1);			
							color:white; "-->
							
				
							<!--style="background: linear-gradient(to bottom, rgb(255, 246, 23), rgb(255, 173, 0) );
							border-color: rgba(255, 163, 0, 1);				
							color:black; "--> 
			</div>
			<hr>
		</div>
		
	</body>
</html>